
// cesium styles
#cesiumContainer {
  .cesium-viewer {
    position: absolute;
  }
  .compass-outer-ring-background,
  .compass-gyro-background,
  .navigation-control-icon-reset {
    box-sizing: content-box;
  }
  .cesium-performanceDisplay-defaultContainer {
    display: none;
  }
  .cesium-button {
    margin-right: 0;
    background: #2a2e39;
    border: none;
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
    transition-duration: 0.2s;
    transition-property: all;
  }
  .cesium-button:hover {
    box-shadow: none;
    background: #48b;
  }
  .cesium-button:active {
    color: #edffff;
    fill: #edffff;
    background: #adf;
  }
  .cesium-toolbar-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
  }
  .cesium-widget-errorPanel {
    z-index: 1;
  }

  span.cesium-sceneModePicker-wrapper {
    display: flex;
    align-items: center;
    width: auto !important;
    margin: 0;
    direction: rtl;
    position: absolute;
    right: 0;
  }
  .cesium-sceneModePicker-hidden {
    width: 0;
    height: 0;
    border: none;
  }
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button2D,
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-button3D,
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-buttonColumbusView {
    margin: 0;
    margin-left: 3px;
  }
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
    margin: 0 3px;
  }
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-selected {
    box-shadow: none;
    background: #48b;
    border-color: #aef;
  }
  .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-none {
    display: none;
  }
}
